<template>
  <div id="app">
    <p>学生详细信息</p>
    <ul>
      <li v-for="obj in stuArr" :key="obj.id">
        <span>{{ obj.name }}</span>
        <span>{{ obj.sex }}</span>
        <span>{{ obj.hobby }}</span>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      stuArr: [
        {
          id: 1001,
          name: "张三",
          sex: "男",
          hobby: "打篮球",
        },
        {
          id: 1002,
          name: "李四",
          sex: "男",
          hobby: "踢足球",
        },
      ],
    };
  },
};
</script>
